<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core">
<h:head>
	<title>Login Form Final Project</title>
	<link href="./css/screen.css" rel="stylesheet" type="text/css" />
	<!--  jquery core -->
	<link href="js/jquery/jquery-1.4.1.min.js" rel="stylesheet"
		type="text/javascript" />

	<link href="js/jquery/custom_jquery.js" rel="stylesheet"
		type="text/javascript" />

	<link href="js/jquery/jquery.pngFix.pack.js" rel="stylesheet"
		type="text/javascript" />

	<script type="text/javascript">
		$(document).ready(function() {
			$(document).pngFix();
		});
	</script>
</h:head>
<f:event listener="#{systemNavigatePage.checkLogin}"
	type="preRenderView"></f:event>
<body id="login-bg">

	<!-- Start: login-holder -->
	<div id="login-holder">

		<!-- start logo -->
		<div id="logo-login">
			<a href="index.html"><img src="images/logo.png" width="427"
				height="44" alt="" /></a>
		</div>
		<!-- end logo -->

		<div class="clear"></div>

		<!--  start loginbox ................................................................................. -->
		<h:form>
			<div id="loginbox">

				<!--  start login-inner -->
				<div id="login-inner">
				<h:messages infoStyle="color: blue;" errorStyle="color: orange;" />
					<table border="0" cellpadding="0" cellspacing="0">
						<tr>
							<th>Username</th>
							<td><h:inputText type="text" 
									value="#{systemLoginManageBean.userName}" class="login-inp"></h:inputText>
							</td>
						</tr>
						<tr>
							<th>Password</th>
							<td><h:inputSecret type="password"
									value="#{systemLoginManageBean.password}" class="login-inp">
									<!-- <f:ajax event="keyup" render="ckbLinks"/> -->
								</h:inputSecret>
							</td>
						</tr>
						<tr>
							<th></th>
							<td></td>
						</tr>
						<tr>
							<th></th>
							<td><h:commandButton value="Login" class="submit-login"
									action="#{systemLoginManageBean.login()}" /></td>
						</tr>
					</table>
				</div>
				<!--  end login-inner -->
				<div class="clear"></div>
				<!--  <a href="" class="forgot-pwd">Forgot Password?</a>-->
			</div>
			<!--  end loginbox -->
		</h:form>


	</div>
	<!-- End: login-holder -->

</body>
</html>